@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;}

#blur-div{
	width:800px;
	height:600px;
	margin:0 auto;
	border:1px solid red;
	position:relative;
	overflow:hidden;	//超出部分隐藏
	}
#blur-img{
	display:block;
	width:800px;
	height:600px;
	margin:0 auto;
	filter:blur(20px);
	-webkit-filter:blur(20px);	//webkit谷歌浏览器的内核可能会识别
	-moz-filter::blur(20px);
	-ms-filter:blur(20px);
	-o-filter:blur(20px);
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;	//谁的值越大，谁就越在上面
	}
#canvas{
	display:block;
	margin:0 auto;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	}